<template>
  <div>
    <!-- <div id="qrcode"></div>  -->
    <!-- 创建一个div，并设置id为qrcode -->
    <div  class="jsjz_qrcode_box">
        <div class="jsjz_qrcode_body">
             <vue-qr :text="downloadData.url" :margin="0" colorDark="#000" colorLight="#fff" :logoScale="0.3" :size="200" :logoSrc="downloadData.icon + '?cache'"></vue-qr>
              
        </div>
    </div>
  </div>
</template>
   
<script>
// import QRCode from 'qrcodejs2'  // 引入qrcode
import vueQr from 'vue-qr'
export default {
  name : 'test',
   components: {
        vueQr
    },
   data(){
        return{
            downloadData: {
                url: 'https://www.baidu.com',
                icon: require('@/assets/logo.png')
            } 
        }
    },
    mounted () {
        // this.qrcode();
    },
    methods: {
        // qrcode() {
        //   let qrcode = new QRCode('qrcode', {
        //     width: 132,  
        //     height: 132,
        //     text: 'https://www.baidu.com', // 二维码地址
        //   })
        // },
    }
    }
</script>